<div *ngIf="piclist.length != 0 && !readOnly">
  <div class="ant-upload ant-upload-select ant-upload-select-text ng-star-inserted">
    <div nz-upload-btn="" class="ant-upload" tabindex="0" role="button" (click)="uploadclick()">
      <input style="display: none;" type="file" multiple="" accept="" #upload (change)="addImage($event)">
      <button nz-button="" class="ant-btn ng-star-inserted">
        <i class="anticon anticon-upload" style="display: inline-block;"></i>
        <span>更换图片</span>
      </button>
      <span class="reminder-info">{{picSizeInfo}}</span>
    </div>
    <div style="margin-bottom:20px;"></div>
  </div>
</div>

<div class="ant-upload-list ant-upload-list-picture-card" *ngFor="let item of piclist;let i=index">
  <div class="ant-upload-list-item ant-upload-list-item-done" [ngStyle]="{'width':outWidth + 'px', 'height': outHeight + 'px'}">
    <div class="ant-upload-list-item-info">
      <span>
        <a class="ant-upload-list-item-thumbnail" [href]="item.src" target="_blank" rel="noopener noreferrer" [ngStyle]="{ 'background-image':'url('+item.src+')'}">
        <!--<a class="ant-upload-list-item-thumbnail" [href]="item.src" target="_blank" rel="noopener noreferrer">-->
          <!--<img [src]="item.src">-->
        </a>
        <a [href]="item.src" target="_blank" rel="noopener noreferrer" class="ant-upload-list-item-name" title="xxx.png">xxx.png</a>
      </span>
    </div>
    <span class="ant-upload-list-item-actions">
      <a [href]="item.src" target="_blank" rel="noopener noreferrer" title="Preview file">
        <i class="anticon anticon-eye-o"></i>
      </a>
      <i title="Remove file" class="anticon anticon-delete" (click)="delete(i)" [class.hidden]="readOnly || canChange"></i>
    </span>
  </div>
</div>


<div class="ant-upload ant-upload-select ant-upload-select-text ng-star-inserted" *ngIf="piclist.length === 0">
  <div nz-upload-btn="" class="ant-upload" tabindex="0" role="button" (click)="uploadclick()">
    <input style="display: none;" type="file" multiple="" accept="" #upload (change)="addImage($event)">
    <button nz-button="" class="ant-btn ng-star-inserted">
      <i class="anticon anticon-upload" style="display: inline-block;"></i>
      <span>上传图片</span>
    </button>
    <span class="reminder-info">{{picSizeInfo}}</span>
  </div>
</div>
